<!DOCTYPE html>
<html lang="en" xmlns:th="http://www.thymeleaf.org">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
</head>
<body>
<th:block th:fragment="commHead">
    <!--  此处是引入公用js和css文件的地方  -->
    <link rel="stylesheet" th:href="@{/vendors/mdi/css/materialdesignicons.min.css}"/>
    <link rel="stylesheet" th:href="@{/css/common.css}"/>
    <link rel="shortcut icon" th:href="@{/images/favicon.ico}" type="image/x-icon"/>
    <script type="text/javascript" th:src="@{/common/jquery/1.12.4/jquery.min.js}"></script>

    <script type="text/javascript" th:src="@{/common/HTMLTurbo/0.4.0/HTMLTurbo.js}"></script>
    <link rel="stylesheet" th:href="@{/common/HTMLTurbo/0.4.0/HTMLTurbo.css}" />

    <script>
        var  mcp="/mcp";

        var baseUrl="/mcp"

        var RuleParser=HTMLTurbo.util.RuleParser;
        var ListPage=HTMLTurbo.page.ListPage;
        var DetailPage=HTMLTurbo.page.DetailPage;
        var FormPage=HTMLTurbo.page.DetailPage;
    </script>
</th:block>
<th:block th:fragment="formPageComm">
    <link rel="stylesheet" th:href="@{/css/formPageComm.css}">
</th:block>
<th:block th:fragment="listPageComm">
    <link rel="stylesheet" th:href="@{/css/listPageComm.css}">
</th:block>
<th:block th:fragment="pageInfoComm">
    <div id="pagination" class="ht_pagination" th:if="${vo.page.total}" th:object="${vo}">
        <ul class="pageList">
            <li class="first" th:title="跳转到第：1页"><input type="submit" name="pageNum" th:value="1"></li>
            <li class="prev" th:if="*{page.pageNum-1>0}" th:title="'跳转到第：'+*{page.pageNum}+'页'"><input type="submit" name="pageNum" th:value="*{page.pageNum-1}"></li>
            <li th:if="*{page.pageNum-6>0}">...</li>
            <li th:if="*{page.pageNum-5>0}" class="" th:title="'跳转到第：'+*{page.pageNum-5}+'页'"><input type="submit" name="pageNum" th:value="*{page.pageNum-5}"></li>
            <li th:if="*{page.pageNum-4>0}" class="" th:title="'跳转到第：'+*{page.pageNum-4}+'页'"><input type="submit" name="pageNum" th:value="*{page.pageNum-4}"></li>
            <li th:if="*{page.pageNum-3>0}" class="" th:title="'跳转到第：'+*{page.pageNum-3}+'页'"><input type="submit" name="pageNum" th:value="*{page.pageNum-3}"></li>
            <li th:if="*{page.pageNum-2>0}" class="" th:title="'跳转到第：'+*{page.pageNum-2}+'页'"><input type="submit" name="pageNum" th:value="*{page.pageNum-2}"></li>
            <li th:if="*{page.pageNum-1>0}" class="" th:title="'跳转到第：'+*{page.pageNum-1}+'页'"><input type="submit" name="pageNum" th:value="*{page.pageNum-1}"></li>
            <li class="current" th:title="'跳转到第：'+*{page.pageNum}+'页'"><input type="submit" name="pageNum" th:value="*{page.pageNum}"></li>
            <li th:if="*{page.pageNum+1<=page.pages}" class="" th:title="'跳转到第：'+*{page.pageNum+1}+'页'"><input type="submit" name="pageNum" th:value="*{page.pageNum+1}"></li>
            <li th:if="*{page.pageNum+2<=page.pages}" class="" th:title="'跳转到第：'+*{page.pageNum+2}+'页'"><input type="submit" name="pageNum" th:value="*{page.pageNum+2}"></li>
            <li th:if="*{page.pageNum+3<=page.pages}" class="" th:title="'跳转到第：'+*{page.pageNum+3}+'页'"><input type="submit" name="pageNum" th:value="*{page.pageNum+3}"></li>
            <li th:if="*{page.pageNum+4<=page.pages}" class="" th:title="'跳转到第：'+*{page.pageNum+4}+'页'"><input type="submit" name="pageNum" th:value="*{page.pageNum+4}"></li>
            <li th:if="*{page.pageNum+5<=page.pages}" class="" th:title="'跳转到第：'+*{page.pageNum+5}+'页'"><input type="submit" name="pageNum" th:value="*{page.pageNum+5}"></li>
            <li th:if="*{page.pageNum+5<page.pages}">...</li>
            <li class="next" th:if="*{page.pageNum+1<=page.pages}" th:title="'跳转到第：'+*{page.pageNum+1}+'页'"><input type="submit" name="pageNum" th:value="*{page.pageNum+1}"></li>
            <li class="last" th:title="'跳转到第：'+*{page.pages}+'页'"><input type="submit" name="pageNum" th:value="*{page.pages}"></li>
        </ul>
        <p>跳转到：<input type="int" name="pageNum" id="pageNum" size="3" maxlength="9" class="pageNum" th:value="*{page.pageNum}" required>
            <input type="submit" class="submitButton" value="GO">
            <span class="tips">
                当前第 [[*{page.pageNum}]] 页/总 [[*{page.pages}]] 页，共有 
            	<span id="infoTotal">[[*{page.total}]]</span>条信息
                <input type="hidden" name="pageTotal" id="pageTotal" th:value="*{page.total}">
                <input type="hidden" name="pageSize"  id="pageSize"  th:value="10">
            </span>
        </p>
        <script>
            $("#pagination li [name=pageNum]").on("click",function(event){
                var target=event.currentTarget;
                var value=target.value;
                $("#pageNum").val(value)
            });
        </script>
    </div>
</th:block>
<th:block  th:fragment="loading">
    <div class="ht-masker open"></div>
    <div class="ht-loading open"><div class="wrapper"><p>请稍候</p></div></div>
</th:block>
<th:block th:fragment="backDialogMsg">
    <ul style="display: none;" id="backAlertMsg" th:if="${#fields.hasErrors('dto.*')}">
        <li th:each="err:${#fields.errors('dto.*')}" th:text="${err}"></li>
    </ul>
</th:block>
</body>
</html>